 @font-face { 
  font-family: "DeliciousRoman"; 
  src: url('DeliciousRoman.TTF') format('truetype'); 
}
 html,body{height:100%;margin:0;}
	body{
	    font-family: "DeliciousRoman,Georgia,serif,Times New Roman ";
		background-color:#f2f2f2;
	}
	.header{
		height:4.375em;
		//width:auto;
		margin:0;
		background:#2290c3;	
		color:white;
	}
	.header-center{
		line-height:4.375em;
		}
	.header a{
		text-decoration:none;
		color:white;
		}
	.header-Hammer-center{
		 vertical-align:middle;
		 width:2em;
		 height:2em;
		 float:right;
		
		}
	.container{
		 height:93%;
		}
	.container-maxtx{
   
		max-width:9.125em;
		background: #FFF;
		text-align:center;
		padding:0.625rem;
		margin:20px auto;
		}
	.left-ul{
		max-width:10em;
		margin:auto;
		background-color:#FFF;
		}
	.col-2{
		 width:calc(100%/9 - 5px);
  		 float:left;
 		 margin-left:1.5em;
		 height:100%;
		 margin-right:0;
		 text-align:center;
		 margin-bottom:calc(5px*3 /2);
		 min-width: 3.3em;
		}
	.col-8{
		float: right;
        margin-bottom: calc(5px * 3 / 2);
        margin-right: 0;
        text-align: center;
      //  width: calc(100% / 9 * 8 - 1.5em - 5px);
        width:calc(100% / 9 * 8 - 4em);
        padding:0 1em;
		}

	.height32{
		height:2em;
		}
	
	.paging{
		height:60px;
		margin-top:100px;
		}
	.paging a{ 
		border:1px #999999 solid;
		padding:5px 10px;
		margin-left:5px;
		}
	
	.btn{
		width:60px;
		text-decoration:none;
		background:white;
		border:1px #666 solid;
		outline:none;
		}
	.btn:hover{
		background:#f2f2f2;
		}
	.btn:active {
            background-color: #E6E6E6;
        }
	.border-rad5{
		border-radius:5px;
		}
	.margin-r120{
		margin-right:120px;
	}
	.float-r{
		float:right;
		}
	.float-l{
		float:left;
		}
	.pr10{
		padding-right:10px;
		}
	.pd10{
		padding:10px;
		}
	.pd8{
		padding:8px;
		}
	.pl20{
		padding-left:20px;
		}
	.pl40{
		padding-left:2.5em;
		}
	.pr120{
		padding-right:120px;
		}
	.mt10{
		margin-top:10px;
		}
	.mt20{
		margin-top:20px;
		}
	.mt40{
		margin-top:40px;
		}
	.mt51{
		margin-top:51px;
		}	
	.ml70{
		margin-left:70px;
		}
	.mb10{
		margin-bottom:10px;
		}
	.pb10{
		padding-bottom:10px;
		}
	.pb20{
		padding-bottom:20px;
		}
	.pt2{
		padding-top:4px;
		}
	.pt5{
		padding-top:5px;
		}
	.pt10{
		padding-top:10px;
		}
	.text-center{
		text-align:center;
		}
	.text-right{
		text-align:right;
		}
	.text-left{
		text-align:left;
		}
	 .border-t{
		 border-top:1px #CCCCCC dashed;
		 }

	.clear-b{
		clear:both;
		}
	.div-center{
		margin-left:auto;
		margin-right:auto;
		}
	.in-block{
		display:inline-block;
		}
	.block{
		display:block
		}
	.right-img{
		margin: 1em 0;
         width: 4.5em;
		line-height:8.33%;
		}
	.width11{
		width:100px;
		}
	.width86{
		width:calc(100% - 120px);
		margin-left:20px;
		}
	.color-gary{
		color:#999999;
		}
	.color-white{
		color:#FFF;
		}
	.color-red{
		color:red;
		}
	.color-black{
		color:#000;
		}
	.color-boder-red{
		border:1px red solid;
		}
	.bg-color-black{
		background-color:#000;
		}
	.bg-color-white{
		background-color:white;
		}
	.display-none{
		display:none;
		}
	.line-h-68{
		line-height:4.25em;
		}
	.line-h-48{
		line-height:3.0em;
		}
	.line-h-32{
		line-height:2.0em;
		}
	.line-h-100{
		line-height:6.25em;
		}
	h3{
		line-height:3em;
		margin:0px;
		border-bottom:1px #bfbfbf solid;
		}
	.hidden{
		display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		}
	
	.position-relative:{
		position:relative;
		}
	.position-fixed{
		position:fixed;
		}
	.position-absolute-b{
		position:absolute;bottom:0;
		}
	.position-absolute-t{
		position:absolute;top:0;
		}
	ul{
		list-style:none;
		padding:0px;
		-webkit-padding-start: 0px;
		}
	.left-ul ul{
		border-top:1px #CCCCCC solid;
		border-left:1px #CCCCCC solid;
		border-right:1px #CCCCCC solid;
		}
	.right-ul ul li{
		border-bottom:1px #999999 dashed;
		}
	.left-ul a{
		 color: black;
         display: block;
         text-align: left;
         text-decoration: none;
		}
	.left-ul a:hover{
		background:#f2f2f2;
		}
	.left-ul a:active{
		color:#2290c2;
		}
	.left-ul ul li{
		border-bottom: 1px solid #cccccc;
        overflow: hidden;
        padding: 8px 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
		}
	.fileInput{
        height:22px;
		width:80px;
        overflow: hidden;
		font-size: 300px;
        opacity: 0;
        filter:alpha(opacity=0);

    }

    ul.the_second_ul{
       border:0;
 
    }
     a.comment_delete{
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    vertical-align: -3px;
    width: 16px;
    background-image: url("../img/qq_delete.png");
    background-position: -250px -232px;
    cursor:pointer;
  }
  .grxx > a:first-child{
      width:calc(15% - 10px);
      text-align:right;
      display:inline-block;
  }
  .grxx > a:last-child{
     width:calc(85% - 10px);
     text-align:left;
     display:inline-block;
  }
    @media(max-width :75em){
      .pr120{
         padding-right:1em;
      }
    }